<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北大青鸟课程导航</title>
		<style type="text/css">
			ul{
				list-style-type: none;
			}
			div{
				width: 200px;
				height: 240px;
				background-color: aliceblue;
				border: 1px solid skyblue;
			}
			h3{
				background-image: url(title_icon.gif);
				background-repeat:no-repeat;
				text-indent:20px;
				margin: 0px;
				background-position: 5px;
				}
				ul,div{
					margin: 0px auto;
					padding: 0px;
				}
				li{
					font-size: 15px;
					background-image: url(submenu.gif);
					background-repeat: no-repeat;
					border-top: 1px solid lightblue;
					text-indent: 0.5em;
					background-position: 45px;
					}
			a{
			    text-decoration: none;
			}
			a:hover{
			    text-decoration: none;
				color: red;
			    
			}
		</style>
	</head>
	<body>
		<div>
		<h3>课程导航</h3>
		<ul>
			<li><a href="">ACCP 软件工程师</a>
			<li><a href="">BTEST 软件测试工程师</a>
			<li><a href="">BENET 网络工程师</a>
			<li><a href="">JBNS 网站工程师</a>
			<li><a href="">ACCP 启蒙星</a>
			<li><a href="">ANDROID 软件工程师</a>
			<li><a href="">JAVA 软件工程师</a>
			<li><a href="">.NET 软件工程师</a>
			<li><a href="">网络营销</a>
		</ul>
		</div>
	</body>
</html>
